<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Soul 官方网站-年轻人的社交元宇宙</title>
  <!-- FE：Simmzl | UED：zzzhen | Build：2020-06-16 -->
  <meta name="keywords" content="soul,soul app,社交,年轻人,聊天,交友,有趣,元宇宙,灵魂,sou,so,sol,suol,social,metaverse,任意门,Soulcial,virtual playground,Soulgate" />
  <meta name="description" content="Soul是基于兴趣图谱和游戏化玩法的产品设计，属于新一代年轻人的虚拟社交网络。成立于2016年，Soul 致力于打造一个“年轻人的社交元宇宙”，最终愿景是“让天下没有孤独的人”。在Soul，用户可以无顾虑地表达自己，认知他人，探索世界，交流兴趣和观点，获得精神共鸣和认同感, 在交流中获取信息，并获得有质量的新关系。" />
  <link rel="shortcut icon" href="./images/favicon.png" type="image/x-icon">
  <link rel="stylesheet" href="./css/reset.css-rev=1701162219331.css">
  <link rel="stylesheet" href="./css/index.min.css-rev=1701162219331.css"  >
  <script src="./js/cn.js"  ></script>
  <script src="./js/en.js"  ></script> 
  <style>html{overflow:hidden}</style>
</head>

<body class="home">
  <header class="header" id="header">
    <div class="header-content clearfix">
      <h1 class="header-logo">
        <a href="index.htm"  class="header-logo-link">Soul App</a>
      </h1>
      <ul class="header-nav">
        <li class="active"><a href="index.htm"  class="l_nav_overview"></a></li>
        <li>
          <a href="javascript:window.location='https://user.qzone.qq.com/184773349" target="_blank" class="l_nav_careers"></a>
        </li>
        <li>
          <a href="about.html"   class="l_nav_about"></a>
        </li>
        <li>
          <a href="javascript:void(0);" id="language" class="l_nav_language"></a>
        </li>
        <li class="header-nav-audio muted" id="audioControl"></li>
        <li class="header-nav-IM"><a href="javascript:window.location='https://user.qzone.qq.com/184773349"  target="_blank"></a></li>
      </ul>
    </div>
  </header>
  
  <section class="section section-main section-active">
    <div class="video-container">
      <video muted loop="loop" autoplay="autoplay" src="./mp4/bg.mp4" class="video" id="video-home" data-object-fit>抱歉，您的浏览器不支持内嵌视频</video>
    </div>
    <div class="main-content">
      <img class="cn" src="img-slogan-cn.png-rev=1701162219331.png" alt="跟随灵魂找到你">
      <img class="en" src="img-slogan-en.png-rev=1701162219331.png"   alt="跟随灵魂找到你">
      <p class="slogan"></p>

      <div class="main-down clearfix">
        <a class="main-down-ios"  href="javascript:window.location='https://user.qzone.qq.com/184773349" target="_blank">
          <img src="img-qrcode-ios.png-rev=1701162219331.png" tppabs="https://s3-cdn.soulapp.cn/images/img-qrcode-ios.png?rev=1701162219331">
        </a>
        <a class="main-down-and64" href="javascript:window.location='https://user.qzone.qq.com/184773349"target="_blank">
          <img src="img-qrcode-and64.png-rev=1701162219331.png" tppabs="https://s3-cdn.soulapp.cn/images/img-qrcode-and64.png?rev=1701162219331">
        </a>
        <a class="main-down-and32"  href="javascript:window.location='https://user.qzone.qq.com/184773349" target="_blank">
          <img src="img-qrcode-and32.png-rev=1701162219331.png" tppabs="https://s3-cdn.soulapp.cn/images/img-qrcode-and32.png?rev=1701162219331">
        </a>
      </div>
    </div>
  </section>

  <section class="section section-avatar">
    <div class="section-content clearfix">
      <img class="cn" src="img-avatar-cn.png-rev=1701162219331.png"   />
      <img class="en" src="img-avatar.png-rev=1701162219331.png"   />
    </div>
  </section>

  <div class="list-container">
    <section class="section section-soul">
      <div class="section-content clearfix">
        <div class="section-left">
          <div class="section-phone-content"></div>
          <div class="section-phone"></div>
          <div class="section-icon soul-1"></div>
          <div class="section-icon soul-2"></div>
          <div class="section-icon soul-3"></div>
          <div class="section-icon soul-4"></div>
        </div>
        <div class="section-right">
          <h2 class="right-title l_overview_discovery_title"></h2>
          <p class="right-sub l_overview_discovery_intro"></p>
          <p class="right-desc l_overview_discovery_description"></p>
        </div>
      </div>
    </section>
  
    <section class="section section-voice">
      <div class="section-content clearfix">
        <div class="section-left">
          <div class="section-phone"></div>
          <div class="section-icon voice-1"></div>
          <div class="section-icon voice-2"></div>
          <div class="section-icon voice-3"></div>
          <div class="section-icon voice-4"></div>
          <div class="section-icon voice-5"></div>
          <div class="section-icon voice-6"></div>
          <div class="section-icon voice-7"></div>
        </div>
        <div class="section-right">
          <h2 class="right-title l_overview_voiceMatch_title"></h2>
          <p class="right-sub l_overview_voiceMatch_intro"></p>
          <p class="right-desc l_overview_voiceMatch_description"></p>
        </div>
      </div>
    </section>

    <section class="section section-facekini">
      <div class="section-content clearfix">
        <div class="section-left">
          <video id="video-facekini" muted loop="loop" src="./mp4/bg.mp4"   class="section-video" data-object-fit>抱歉，您的浏览器不支持内嵌视频</video>
          <div class="section-phone"></div>
          <div class="section-icon facekini-1"></div>
          <div class="section-icon facekini-2"></div>
          <div class="section-icon facekini-4"></div>
        </div>
        <div class="section-right">
          <h2 class="right-title l_overview_videoMatch_title"></h2>
          <p class="right-sub l_overview_videoMatch_intro"></p>
          <p class="right-desc l_overview_videoMatch_description"></p>
          <p class="right-tip l_overview_videoMatch_tip"></p>
        </div>
      </div>
    </section>

    <section class="section section-camera">
      <div class="section-content clearfix">
        <div class="section-left">
          <video id="video-camera" muted loop="loop" src="./mp4/bg.mp4"   class="section-video" data-object-fit>抱歉，您的浏览器不支持内嵌视频</video>
          <div class="section-phone"></div>
          <div class="section-icon camera-2"></div>
          <div class="section-icon camera-3"></div>
          <div class="section-icon camera-4"></div>
        </div>
        <div class="section-right">
          <h2 class="right-title l_overview_camera_title"></h2>
          <p class="right-sub l_overview_camera_intro"></p>
          <p class="right-desc l_overview_camera_description"></p>
          <p class="right-tip l_overview_camera_tip"></p>
        </div>
      </div>
    </section>

    <section class="section section-square">
      <div class="section-content clearfix">
        <div class="section-left">
          <div class="section-phone-content"></div>
          <div class="section-phone"></div>
          <div class="section-icon square-1"></div>
          <div class="section-icon square-2"></div>
          <div class="section-icon square-3"></div>
          <div class="section-icon square-4"></div>
          <div class="section-icon square-5"></div>
        </div>
        <div class="section-right">
          <h2 class="right-title l_overview_square_title"></h2>
          <p class="right-sub l_overview_square_intro"></p>
          <p class="right-desc l_overview_square_description"></p>
          <p class="right-tip l_overview_square_tip"></p>
        </div>
      </div>
    </section>

    <section class="section section-chat">
      <div class="section-content clearfix">
        <div class="section-left">
          <video id="video-chat" muted loop="loop" src="./mp4/bg.mp4"  class="section-video" data-object-fit>抱歉，您的浏览器不支持内嵌视频</video>
          <div class="section-phone"></div>
          <div class="section-icon chat-1"></div>
          <div class="section-icon chat-2"></div>
          <div class="section-icon chat-4"></div>
        </div>
        <div class="section-right">
          <h2 class="right-title l_overview_message_title"></h2>
          <p class="right-sub l_overview_message_intro"></p>
          <p class="right-desc l_overview_message_description"></p>
          <p class="right-tip l_overview_message_tip"></p>
        </div>
      </div>
    </section>

    <div class="list-bg">
      <svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 24 150 28" preserveaspectratio="none" shape-rendering="auto">
        <defs>
          <path id="gentle-wave" class="st0" d="M-160,35.6 c 30,0,58-6.6,88-6.6 s58,6.6,88,6.6s58-6.6,88-6.6s58,6.6,88,6.6V59h-352V35.6z"/>
          <linearGradient id="primary" x1="0%" y1="0%" x2="0%" y2="50%">
            <stop offset="0%" style="stop-color:#36E9E8; stop-opacity:1"/>
            <stop offset="100%" style="stop-color:#25D4D0; stop-opacity:1"/>
          </linearGradient>
        </defs>
        <g class="parallax">
          <use style="fill:url(#primary)" xlink:href="#gentle-wave" x="48" y="0"></use>
          <use style="fill:url(#primary)" xlink:href="#gentle-wave" x="48" y="0"></use>
        </g>
      </svg>
    </div>
  </div>

  <div class="aside">
    <ul class="aside-list" id="aside">
      <li data-index="0" class="active"></li>
      <li data-index="1"></li>
      <li data-index="2"></li>
      <li data-index="3"></li>
      <li data-index="4"></li>
      <li data-index="5"></li>
      <li data-index="6"></li>
      <li data-index="7"></li>
      <li data-index="8"></li>
    </ul>
  </div>

  <section class="section section-activity">
    <div class="activity-content">
      <div class="activity-btn" id="show-qrcode"></div>
      <ul class="activity-mess">
        <li class="activity-mess-item">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>

          <div></div>
          <div></div>
          <div></div>
          <div></div>
        </li>
        <li class="activity-mess-item">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>

          <div></div>
          <div></div>
          <div></div>
          <div></div>
        </li>
        <li class="activity-mess-item">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>

          <div></div>
          <div></div>
          <div></div>
          <div></div>
        </li>
        <li class="activity-mess-item">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>

          <div></div>
          <div></div>
          <div></div>
          <div></div>
        </li>
      </ul>
    </div>
    <p class="footer cn_footer">
      <span>上海任意门科技有限公司 <a href="javascript:if(confirm('http://beian.miit.gov.cn/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ������ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://beian.miit.gov.cn/'" tppabs="http://beian.miit.gov.cn/" target="_blank">沪ICP备15044223号</a></span>
      <img class="footer-police" src="icon-police.png-rev=1701162219331.png" tppabs="https://s3-cdn.soulapp.cn/images/icon-police.png?rev=1701162219331">
      <a href="javascript:if(confirm('http://www.beian.gov.cn/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ������ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://www.beian.gov.cn/'" tppabs="http://www.beian.gov.cn/" target="_blank">沪公网安备 31011502008524号</a>
      <img class="footer-report" src="icon-report.png-rev=1701162219331.png" tppabs="https://s3-cdn.soulapp.cn/images/icon-report.png?rev=1701162219331">
      <a href="javascript:if(confirm('https://www.12377.cn/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ������ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='https://www.12377.cn/'" tppabs="https://www.12377.cn/" target="_blank">中国互联网违法和不良信息举报中心</a>
      <a style="margin-left: 8px;" href="javascript:if(confirm('https://www.shjbzx.cn/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ������ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='https://www.shjbzx.cn/'" tppabs="https://www.shjbzx.cn/" target="_blank">上海市互联网违法和不良信息举报中心</a>
      <a style="margin-left: 8px;" href="javascript:if(confirm('https://mp.weixin.qq.com/s?__biz=MzAwOTYxNTU5Nw==&mid=2649880336&idx=1&sn=a61196722e7c17cdc80f68cfdda2f28b&chksm=8359b692b42e3f84d4582162a3da307269f16fb26c9a902aaa06e73751d566b5899dc58bb07e&mpshare=1&scene=1&srcid=&sharer_sharetime=1593334750671&sharer_shareid=503152027cc25764197a0b290282c5de&exportkey=ARgrZHr3UNoskdqxfsG2114%3D&pass_ticket=gxhRjxGwC%2BVHd5wSoOH86oTV4MZUcy%2F5PWlvveK8bBI%3D  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ������ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='https://mp.weixin.qq.com/s?__biz=MzAwOTYxNTU5Nw==&mid=2649880336&idx=1&sn=a61196722e7c17cdc80f68cfdda2f28b&chksm=8359b692b42e3f84d4582162a3da307269f16fb26c9a902aaa06e73751d566b5899dc58bb07e&mpshare=1&scene=1&srcid=&sharer_sharetime=1593334750671&sharer_shareid=503152027cc25764197a0b290282c5de&exportkey=ARgrZHr3UNoskdqxfsG2114%3D&pass_ticket=gxhRjxGwC%2BVHd5wSoOH86oTV4MZUcy%2F5PWlvveK8bBI%3D#rd'" tppabs="https://mp.weixin.qq.com/s?__biz=MzAwOTYxNTU5Nw==&mid=2649880336&idx=1&sn=a61196722e7c17cdc80f68cfdda2f28b&chksm=8359b692b42e3f84d4582162a3da307269f16fb26c9a902aaa06e73751d566b5899dc58bb07e&mpshare=1&scene=1&srcid=&sharer_sharetime=1593334750671&sharer_shareid=503152027cc25764197a0b290282c5de&exportkey=ARgrZHr3UNoskdqxfsG2114%3D&pass_ticket=gxhRjxGwC%2BVHd5wSoOH86oTV4MZUcy%2F5PWlvveK8bBI%3D#rd" target="_blank">网络安全监管平台公告</a>
    </p>

    <p class="footer en_footer">
      <span>Shanghai Soulgate Technology Co., Ltd. 2021 @All rights Reserved Shanghai ICP 15044223-1</span>
    </p>
  </section>

  <div class="qrcode" id="qrcode">
    <div class="qrcode-mask" id="qrcode-mask"></div>
    <div class="qrcode-content">
      <img src="img-qr.png-rev=1701162219331.png" >
      <p>扫一扫畅玩超多精彩活动</p>
    </div>
  </div>

  <script src="./js/lang.js"  ></script>
  <script src="./js/index.js"  ></script>
   
</body>

</html>
